<div class="cil__base-info" [style.height]="totalHeight + 'px'">
  <div class="cil__img-container" *ngIf="imgSrc || imgTpl">
    <ng-container *ngIf="imgSrc">
      <div class="cil__img-back">
        <img class="cil__img" [src]="imgSrc" />
      </div>
    </ng-container>
    
    <ng-container *ngIf="imgTpl">
      <div class="cil__img-back">
        <router-outlet [ngTemplateOutlet]="imgTpl"></router-outlet>
      </div>
    </ng-container>
  </div>
  <div class="cil__base-info-item-blocks">
    <!-- 第一栏 -->
    <app-info-row
      *ngIf="firstColumns"
      [ifEdit]="allowEdit && ifEdit"
      [columns]="firstColumns"
      [height]="firstSecondHeight || '160'"
      (active)="activeItem($event)"
    ></app-info-row>

    <!-- 第二栏 -->
    <app-info-row
      *ngIf="secondColumns"
      [ifEdit]="allowEdit && ifEdit"
      [columns]="secondColumns"
      [height]="firstSecondHeight || '160'"
      (active)="activeItem($event)"
    >
    </app-info-row>
  </div>
</div>

<!-- 底部栏 -->
<div
  class="cil__bottom-columns-block"
  *ngIf="bottomColumnsRows"
>
  <div
    class="cil__info-item-blocks bottom-columns"
    *ngFor="let columnsRow of bottomColumnsRows"
  >
    <app-info-row
      *ngIf="columnsRow"
      [ifEdit]="allowEdit && ifEdit"
      [columns]="columnsRow"
      (active)="activeItem($event)"
    >
    </app-info-row>
  </div>
</div>
